<style>
    body {
        background-color: #f9f9f9;
    }
    table tr > th {
        text-align: center;
        vertical-align: middle !important;
        padding: 8px;
    }
</style>
<script>
    var groupId = {{groupId}};
    var nameData = {{nameData}};
    var stageId = {{stageId}};
</script>
<div class="row">
    <div>
        <div>
            <div class="col-md-9" style="width: 100%">
                <div class="smart-widget">
                    <div class="smart-widget-header">
                        <strong style="font-size:18px">设置区域组名称 </strong>
                    </div>
                    <div class="smart-widget-inner">
                        <div class="smart-widget-body">
                            <form id="addGroupName_form" class="xh-form"  method="post">
                                <div class="xh-area-form">
                                    <table id="step" style="width: 100%;">
                                        <tr>
                                            <td style="width: 100px" align="right"><label style="width: auto;padding-right: 5px">* 区域组名称：</label></td>
                                            <td style="width: 150px"><input id="name" class="form-control" name="name" type="text" value="" placeholder="请输入名称"></td>
                                            <td style="width: 80px" align="right"><label style="padding-right: 10px">* 学段：</label></td>
                                            <td style="width: 150px">
                                                <select id="stage" class="form-control " disabled name="stage">
                                                    <option value="" selected>请选择</option>
                                                    <option value="1">小学</option>
                                                    <option value="2">初中</option>
                                                    <option value="3">高中</option>
                                                </select>
                                            </td>
                                            <td>
                                                <button type="button" class="btn btn-primary" id="save_1">保存</button><span id="notice" style="color: red"></span>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class="col-md-6">
                <div class="smart-widget">
                    <div class="smart-widget-header">
                        <strong style="font-size:18px">设置学科版本关联 </strong><span style="color: grey;font-size:12px;">  设置后，区域内的所有学校将自动匹配教材版本，如学校有特殊要求，请前往后台编辑</span>
                    </div>
                    <div class="smart-widget-inner">
                        <div class="smart-widget-body">
                            <form id="addAreaGroup_form" class="xh-form"  method="post">
                                <div class="xh-area-form">
                                    <table id="step_2" style="width: 100%;display: table">
                                        <tr class="SubVerTr" id="trId_0" style="height: 20px;">
                                            <td width="20%" style="padding: 5px">
                                                <select name="data[0][subjectId]" id="subject_0" class="form-control">
                                                </select>
                                            </td>
                                            <td width="2px" style="padding: 5px 5px 5px 5px">
                                                <i class="fa fa-link"></i>
                                            </td>
                                            <td width="20%">
                                                <select name="data[0][versionId]" id="version_0" class="form-control" style="width: 100%;">
                                                </select>
                                            </td>
                                            <td width="2px" style="padding: 5px 5px 5px 5px">
                                                <i class="fa fa-link"></i>
                                            </td>
                                            <td width="50%" id="grade_0">
                                                {#<label>#}
                                                    {#<input type="checkbox" name="powerTag[]" value="aa">七上#}
                                                    {#<span class="select2-selection__clear">×</span>#}
                                                {#</label>#}
                                            </td>
                                            <td id="delTdLine_0" style="display: none">
                                                <label>
                                                    <a id="delLine_0" style="margin-left: 5px;cursor: pointer;color: gray;">删除</a>
                                                </label>
                                            </td>
                                        </tr>
                                        <tr style="width: 100%">
                                            <td style="display: none"><input name="groupId" id="groupId" type="text" value="{{groupId}}"></td>
                                            <td height="30px" colspan="4">
                                                <a class="fa fa-plus" id="add" style="margin-right: 5px;cursor: pointer;color: blue;">新增</a>
                                                {#<a class="fa fa-refresh" id="refresh" style="margin-right: 5px;cursor: pointer;color: red;">重载</a>#}
                                                <a class="fa fa-clone" id="copy" style="cursor: pointer;color: green;">一键复制</a>
                                            </td>
                                        </tr>
                                        <tr height="50px">
                                            <td colspan="6" align="right">
                                                <button type="button" class="btn btn-primary" id="save_2">保存</button>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="smart-widget">
                    <div class="smart-widget-header">
                        <strong style="font-size:18px">适用地区设置</strong>
                    </div>
                    <div class="smart-widget-inner">
                        <div class="smart-widget-body">
                            {#<iframe frameborder="0" style="width: 100%; height: 300px;"></iframe>#}
                            <form id="addAreaData_form" class="xh-form"  method="post">
                                <div id="form_div">
                                </div>
                            </form>
                            <div>
                                <table style="width: 100%">
                                    <tr>
                                        <td id = 'showCreateArea' height="30px">
                                            <a class=" fa fa-plus disabled" id="add_3" style="margin-right: 5px;cursor: pointer;color: blue;">新增适用区域</a>
                                        </td>
                                    </tr>
                                    <tr height="50px">
                                        <td colspan="3" align="right">
                                            <button type="button" class="btn btn-primary" id="save_3">保存</button>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>